<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    账号：<input type="text" placeholder="请输入用户名" value="admin" />
    <br />
    密码：<input type="text" placeholder="请输入密码" value="123456" />
    <br />
    <script>
      /* 本案例需求:  获取账号和密码,控制台打印一个对象。对象属性分别是用户名和密码
        (1)请找出下列代码产生的bug
            如何找出来的?
            原因分析:
        (2)如果想要实现正确的需求,应该如何实现
    */
      const username = document.querySelectorAll("input")[0]
      const password = document.querySelectorAll("input")[1]
      const user = {
        username: username.value,
        password: password.value,
      }
      console.log(user)
    </script>
  </body>
</html>
